<!-- 登录注册进入页面 -->
<template>
  <transition mode="out-in" enter-active-class="animated fadeInLeft" leave-active-class="animated fadeOutRight">
    <div id="enter">
      <div class="enter_root">
        <div class="enter_box_out">
          <div class="enter_box">
            <!-- 登入注册子路由切换 -->
            <router-view></router-view>
            <div class="enter_box_down">
              <span v-if="isBox">没有账号? </span>
              <router-link to="/register" class="vlink"><span v-if="isBox" class="enter_box_span" @click="doChange">注册</span></router-link>
              <span v-if="!isBox">已有账号? </span>
              <router-link to="/login" class="vlink"><span v-if="!isBox" class="enter_box_span" @click="doChange">登录</span></router-link>
            </div>
            <div class="btn_download">下载知乎 App</div>
          </div>
          <div class="link_box">
            <router-link to="/" class="link_box_a">知乎专栏</router-link>
            <router-link to="/" class="link_box_a">圆桌</router-link>
            <router-link to="/" class="link_box_a">发现</router-link>
            <router-link to="/" class="link_box_a">移动应用</router-link>
            <router-link to="/" class="link_box_a">联系我们</router-link>
            <router-link to="/" class="link_box_a">来知乎工作</router-link>
            <router-link to="/" class="link_box_a">注册机构号</router-link>
          </div>
          <div class="link_box">© 2019 知乎京 ICP 证 110745 号京公网安备 11010802010035 号出版物经营许可证</div>
          <div class="link_box">侵权举报网上有害信息举报专区儿童色情信息举报专区违法和不良信息举报：010-82716601</div>
          <hr class="hr">
          <img src="../assets/down_icon.png" alt="" class="down_icon">
        </div>
      </div>
    </div>
  </transition>
</template>

<script>
export default {
  name: 'enter',
  el: '#enter',
  components: {
  },
  data () {
    return {
      isBox: true
    }
  },
  computed: {
  },
  methods: {
    doChange () {
      this.isBox = !this.isBox
    }
  }
}
</script>

<style scoped>
  @import '../../../../static/css/main/Enter.css';
</style>
